<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%
    String ctx = request.getContextPath();
%>
<!--
看来你也是个爱学习的孩子,这个其实也只是因为刚刚转到Java方向需要学习的时候练手做的一个项目,很不严谨,也不严肃
-->
<!DOCTYPE html>
<!--[if IE 7]> <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->


<html lang="en"> <!--<![endif]-->
<head>
    <title>${title}</title>
    <!-- Meta -->
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>

    <!-- CSS Global Compulsory-->
    <link rel="stylesheet" href="${ctx}/plugins/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="${ctx}/css/style.css"/>
    <link rel="stylesheet" href="${ctx}/css/headers/header1.css"/>
    <link rel="stylesheet" href="${ctx}/plugins/bootstrap/css/bootstrap-responsive.min.css"/>
    <link rel="stylesheet" href="${ctx}/css/style_responsive.css"/>
    <link rel="shortcut icon" href="favicon.ico"/>
    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="${ctx}/plugins/font-awesome/css/font-awesome.css"/>
    <link rel="stylesheet" href="${ctx}/plugins/flexslider/flexslider.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="${ctx}/plugins/parallax-slider/css/parallax-slider.css" type="text/css"/>
    <!-- CSS Theme -->
    <link rel="stylesheet" href="${ctx}/css/themes/default.css" id="style_color"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" charset="utf-8">
        var ctx = "${ctx}";
    </script>
</head>
<body>
<!--=== Top ===-->
<div class="top">
    <div class="container">
        <ul class="loginbar pull-right">
            <li><i class="icon-globe"></i><a>语言 <i class="icon-sort-up"></i></a>
                <ul class="nav-list">
                    <li class="active"><a href="#">汉语</a> <i class="icon-ok"></i></li>
                    <li><a href="#">English</a></li>
                </ul>
            </li>
            <li class="devider">&nbsp;</li>
            <li><a href="./help.html" class="login-btn">帮助</a></li>
            <li class="devider">&nbsp;</li>
            <li><a href="${ctx}/admin/main" class="login-btn">后台</a></li>
        </ul>
    </div>
</div>
<div class="header">
    <div class="container">
        <!-- Logo -->
        <div class="logo">
            <a href="index.html">
                <img id="logo-header" src="${ctx}/img/logo1-default.png" alt="Logo"/>
            </a>
        </div>
        <!-- /logo -->

        <!-- Menu -->
        <div class="navbar">
            <div class="navbar-inner">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a><!-- /nav-collapse -->
                <div class="nav-collapse collapse">
                    <ul class="nav top-2">
                        <li>
                            <a href="${ctx}/index.jsp" class="dropdown-toggle">
                                首页
                            </a>
                        </li>
                        <li>
                            <a href="${ctx}/front/reci" class="dropdown-toggle">
                                热词
                            </a>
                        </li>
                        <li>
                            <a href="${ctx}/front/qutu" class="dropdown-toggle">
                                趣图
                            </a>
                        </li>
                        <li>
                            <a href="${ctx}/front/duanzi" class="dropdown-toggle" >
                                段子
                            </a>
                        </li>
                        <li><a class="search"><i class="icon-search search-btn"></i></a></li>
                    </ul>
                    <div class="search-open">
                        <div class="input-append">
                            <form/>
                            <input type="text" class="span3" placeholder="Search"/>
                            <button type="submit" class="btn-u">搜索</button>
                            </form>
                        </div>
                    </div>
                </div>
                <!-- /nav-collapse -->
            </div>
            <!-- /navbar-inner -->
        </div>
        <!-- /navbar -->
    </div>
    <!-- /container -->
</div>
<div class="slider-inner">
    <div id="da-slider" class="da-slider">
        <div class="da-slide">

        </div>
        <div class="da-slide">

        </div>
        <div class="da-slide">

        </div>
        <nav class="da-arrows">
            <span class="da-arrows-prev"></span>
            <span class="da-arrows-next"></span>
        </nav>
    </div>
    <!--/da-slider-->
</div>